<template>
	<view class="goldPurchaseTerms">
		<view class="goldPurchaseTerms-conditions">
			<view class="goldPurchaseTerms-top">
				<text class="goldPurchaseTerms-top">全部接受，方可继续购买</text>
			</view>
			<text class="goldPurchaseTerms-requirements">根据民生银行要求，购买黄金产品前需确认如下条款，请您仔细阅读，并确认接受。</text>
			<view class="goldPurchaseTerms-content">
				<view class="goldPurchaseTerms-item">
					<text class="goldPurchaseTerms-item-text">积存金产品是实盘交易，非保证金交易。</text>
					<label>
						<switch style="transform: scale(0.5,0.5);" :checked="true" @change="" type="checkbox" />
					</label>
				</view>
				<view class="goldPurchaseTerms-item">
					<text class="goldPurchaseTerms-item-text">积存金可以通过预约提货申请到银行指定网点柜面兑换成实物金产品。</text>
					<label>
						<switch style="transform: scale(0.5,0.5);" :checked="false" @change="" type="checkbox" />
					</label>
				</view>
				<view class="goldPurchaseTerms-item">
					<text class="goldPurchaseTerms-item-text">在银行柜面兑换实物金产品时，需要以现金形式支付提取手续费。</text>
					<label>
						<switch style="transform: scale(0.5,0.5);" :checked="false" @change="" type="checkbox" />
					</label>
				</view>
				<view class="goldPurchaseTerms-item">
					<text class="goldPurchaseTerms-item-text">可以按照民生积存金报价卖出黄金账户内的黄金份额。</text>
					<label>
						<switch style="transform: scale(0.5,0.5);" :checked="false" @change="" type="checkbox" />
					</label>
				</view>
				<view class="goldPurchaseTerms-item">
					<text class="goldPurchaseTerms-item-text">积存金产晶不保证最低收益，也不保证不会发生本金亏损。</text>
					<label>
						<switch style="transform: scale(0.5,0.5);" :checked="false" @change="" type="checkbox" />
					</label>
				</view>
			</view>
		</view>
		
		<!-- 按钮 -->
		<view class="goldPurchaseTerms-btn">
			<view class="goldPurchaseTerms-noBtn">不接受</view>
			<view class="goldPurchaseTerms-acceptBtn" @click="goPay">全部接受</view>
		</view>
	</view>
	
</template>

<script>
	export default{
		methods:{
			goPay() {
				uni.navigateTo({
					url:'./goldPay'
				})
			}
		}
	}
</script>

<style scoped>
	.goldPurchaseTerms {
		width: 100vw;
		height: 100vh;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.goldPurchaseTerms-conditions{
		padding: 40rpx;
		box-sizing: border-box;
	}
	.goldPurchaseTerms-top {
		width: 100%;
		margin-bottom: 40rpx;
		font-size: 32rpx;
	}

	.goldPurchaseTerms-requirements {
		font-size: 28rpx;
		color: #999999;
	}
	.goldPurchaseTerms-content{
		width: 100%;
	}
	.goldPurchaseTerms-item {
		padding: 36rpx 0;
		display: flex;
		justify-content: space-between;
		border-bottom: 1rpx solid #fbfbfb;
	}

	.goldPurchaseTerms-item-text {
		font-size: 28rpx;
		width: 570rpx;
		color: #333333;
	}

	/* 按钮 */
	.goldPurchaseTerms-btn{
		width: 100%;
		display: flex;
		position: absolute;
		bottom: 0;
	}
	.goldPurchaseTerms-noBtn {
		width: 250rpx;
		height:90rpx;
		text-align: center;
		line-height: 90rpx;
		color: #a3a3a3;
		background-color: #f3f3f3;
	}
	.goldPurchaseTerms-acceptBtn{
		height:90rpx;
		line-height: 90rpx;
		flex-grow: 1;
		text-align: center;
		background-color: #3476f1;
		color: #e6eefe;
	}
</style>

